rKD 


PERSIAPAN 


Selanjutnya, pertama kali Anda perlu mempersiapkan segala 
sesuatu yang diperlukan untuk pemrograman Android, baik dari 
segi hardware dan software. Persiapan ini gunanya menyediakan 
IDE dan platform untuk pemrograman Android ini. 


21 Hardware 
Untuk melakukan pemrograman dengan Android, spesifikasi 
minimum hardware yang diperlukan sebagai berikut. 


e Sistem operasi yang dapat Anda gunakan untuk menja- 
lankan program Android, antara lain: 


o Windows XP (32 bit), Windows Vista (32 atau 
64 bit), Windows 7 (32 atau 64 bit). 


o Mac OSX 10.5.8 atau yang lebih tinggi. 
o Linux. 


e Space hard disk yang diperlukan minimal adalah 500MB 
(selain JDK dan Eclipse). 


1" 


2.2 Software 


Ada tiga software utama yang perlu Anda siapkan. 
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e JDK (Java Development Kit) 


Android ini sebenarnya berbasis bahasa Java maka kita 
memerlukan JDK untuk dapat men-develop aplikasi 
Android. JDK yang sudah termasuk di dalamnya JRE 
(Java Runtime Environment) untuk bisa menjalankan 
program yang dibuat. Anda bisa men-download JDK 
(sekalian termasuk JRE) dari alamat link berikut: 
http://www.oracle.com/technetwork/java/javase/download 


s/index.html. 


Overview | Downloads | Documentation || Community || Technologies || Training 





Java SE Downloads 


Latest Release Next Release (Early Access) Embedded Use Previous Releases 





Download 4 Download 4& 


Java Platform (JDK) 7 JavaFX 2.0 Beta JDK 7 # NetBeans Bundie JDK 7 # Java EE Bundie 
Here are the Java SE downloads in detail: 


Java Platform, Standard Edition 


Java SE7 JDK JRE 

This release includes new features such as small & Download 

language changes forimproved developer m W . 

productivity, a new Filesystem API, support for 

asynchronous I/O, a new fork/join framework for JDK 7 Docs JRE 7 Docs 

multicore performance, improved support for 

dynamic and script languages, updates to security, 

internationalization and web standards and much 
—more. » ReadMe » ReadMe 


Gambar 2.1 Link download JDK 


" Installation " Installation 
Instructions Instructions 








e SDK Android (Software Development Kit) 


Untuk men-download SDK Android, Anda bisa mengakses 
link http://developer.android.com/sdk/index.html. Down- 
load package terbaru pada sistem operasi yang Anda 
gunakan. 





Home 


Android SDK Starter Package 


Installing tne SDK 
Downloadable SDK Components 


SDK Components 





Dev Guide 


@ |Engish .m 


Searcn 


Reference | Resources 


Videos 


Blog 


Download the Android SDK 


Welcome Developers! Ifyou are new to the Android SDK, please read the steps below, for an overview of how to set up the 
sDK 














Android 2.2 Platform 
Android 2.1 Platform 
Other Platforms 





ADT Plugin for Eclipse 
ADT 12.0.0 new! 


TS Pilar ma If youre already using the Android SDK, you should update to the latest tools or platform using the Android SDK and AVD 
Android 3.1 Platform Ps 
kasa Pia Manager, rather than downloading a new SDK starter package. See Adding SDK Components 


Windows android-sdk SE zip 


installer r13-windows.exe (Recommended) 36533357 bytes cd3a76fe2b8ed62b2003cf1851692e2d 


36487911 bytes de3a03989165e65b7742F188F07b992d 


Mac OS X (intel) android-sdk r13-mac x86.zip 30233944 bytes #00220344b48856c09dec79Gacecddd 


Linux (1386) android-sdk r13-inux x86 taz 30034328 bytes d80d7530246c665644ae76084a9a0dc4 


Native Development Tools 


Gambar 2.2 Link download SDK Android 


e IDE Android (Integrated Development Environment) 
Anda sebenarnya dapat menggunakan IDE untuk mem- 
bangun aplikasi berbasis Android menggunakan editor teks 
biasa, seperti Notepad atau Wordpad atau DroidDraw. 

(el oroidDraw re Se 


File Edit Project Help 


Benerats Load | Undo Redo 





Screen 





Namun, 


gunakan IDE Eclipse untuk pemrograman Android. Ada beberapa 


alasan yang menjadi pertimbangan, kenapa kita menggunakan 
IDE Eclipse, antara lain: 


Root Layout: 
Screen Size: 


Widgets | Layouts | Properties | Strings | Colors | Arrays | Support | 





AbsoluteLayout y 
HNGA Portrait 


Buman| (asi cneckaox (@) Rasioutton Radocrovp 212 


G3 5:19 AM 











Gicvie 





IEaitText |AutoComplete  Tartview 





1) October 2011 


1215p 
SA S1 OUR TR PAK 


| 

| 

| 

| 

Butt Ht | 
uton Edit Text 











fo) android:layout y-"259px" 
» 


K/RadioButton» 

KEditText 

android: id-"@rid/widget34" 
android:layout width-"196px" 
android:layout height- 
android:text-"EditText" 
android: textsi: 








android: layout 
android:layout y: 
» 

«/EditText» 1 
«/RbsoluteLayout» 








Gambar 2.3 Tampilan DroidDraw 


pada semua proyek dalam buku ini, kita akan meng- 
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e Eclipse telah menyediakan struktur dasar dalam pemrog- 
raman Android, sehingga kita tidak perlu menulis dari awal 
semua kode program. 


e Eclipse telah mendukung Android Plugin, sehingga memu- 
dahkan kita dalam membuat, meng-compile, serta running 
program karena terdapat emulator Android sehingga tidak 
perlu mencobanya pada device yang berbasis Android. 
Untuk men-download IDE Eclipse, Anda bisa langsung 
mengakses ke alamat situsnya di: 
http://www.eclipse.org/downloads/ 


Eclipse Downloads 


Packages Developer Builds Projects 








Compare Packages — Older Versions BLU nA Natar gai Windows |) 
Ag Eclipse IDE for Java Developers, 128 ms Windows 32 Bit 


Y& bownloaded275,496 Times — Details Windows 64 Bit 


Gambar 2.4 Link download IDE Eclipse 


Catatan: Semua software yang diperlukan untuk pemrograman 
Android dapat Anda copy langsung dari Bonus CD buku ini. 
Namun untuk versi terbaru, Anda bisa langsung mengakses pada 
alamat di atas. 


2.3 Proses (Instalasi 


Setelah ketiga software di atas berada di komputer lokal, selan- 
jutnya kita akan melakukan proses instalasi. Berikut ini langkah 
instalasi ketiga software di atas, beserta dengan settingan 
ketiganya agar siap digunakan untuk proses development. 


Catatan: Beberapa alamat/path yang ditampilkan dalam gambar, 
ada kemungkinan berbeda dengan komputer Anda, sesuaikan 
dengan alamat path yang ada di komputer Anda. 
2.3.1 Instalasi JDK 
Langkah instalasi JDK adalah sebagai berikut: 

1. Klik dua kali pada file jdk yang Anda miliki. 
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2. Kemudian akan tampil kotak lisensi software, klik tombol 
Accept untuk menyetujui. 


& 3 License Agreement 


java Please read the following license agreement carefully. 


Sun Microsystems, Inc. Binary Code License Agreement 
for the JAVA SE DEVELOPMENT KIT (JDK), VERSION 6 


SUN MICROSYSTEMS, INC. ("SUN") IS WILLING TO LICENSE THE 
SOFTWARE IDENTIFIED BELOW TO YOU ONLY UPON THE CONDITION 
ITHAT YOU ACCEPT ALL OF THE TERMS CONTAINED IN THIS BINARY 
CODE LICENSE AGREEMENT AND SUPPLEMENTAL LICENSE TERMS 
(COLLECTIVELY "AGREEMENT"). PLEASE READ THE AGREEMENT 
(CAREFULLY. BY USING THE SOFTWARE YOU ACKNOWLEDGE THAT 
(YOU HAVE READ THE TERMS AND AGREE TO THEM. IF YOU ARE 
/AGREEING TO THESE TERMS ON BEHALF OF A COMPANY OR OTHER 
LEGAL ENTITY, YOU REPRESENT THAT YOU HAVE THE LEGAL 
'AUTHORITY TO BIND THE LEGAL ENTITY TO THESE TERMS. IF YOU DO 








Gambar 2.5 Kotak lisensi 


3. Selanjutnya Anda bisa mengatur alamat folder untuk 
menginstal JDK. Secara default, file tersebut akan diinstal 
pada folder Program Files. Klik tombol Change jika ingin 
mengubah alamat instalasi. 


15) Java(TM) SE Development Kit 6 Update 18 - Cus 
Custom Setuj 
: &Sun 


Select the program features you want installed. 


Select optional features to install from the list below. You can change your choice of features after 
installation by using the Add/Remove Programs utility in the Control Panel 


Feature Description 

Java(TM) SE Development Kit 6 
Update 18, induding private JRE 
Demos and Samples 6 Update 18. This will reguire 
Source Code 300MB on your hard drive. 
Public JRE 
Java DB 























Install to: 
C: Program Files Wavaljdk1.6.0 181 





Gambar 2.6 Memilih alamat folder instalasi 


4. Klik Next, instalasi dimulai. Tunggu sampai proses insta- 
lasi selesai. 


R Instaling £ 
java The program features you selected are being installed. L&, un 








Gambar 2.7 Proses instalasi sedang berlangsung 


Sampai muncul pesan konfirmasi bahwa Java SDK telah 
berhasil diinstal. 


1 SNN 
|| 


AN A newer version of Java is already installed. 





Ca) 





Gambar 2.8 Pesan konfirmasi instalasi telah berhasil 


Klik tombol Finish untuk mengakhiri. 


Java(TM) SE Development Kit 6 Update 18 Successfully Installed 


Product Registration is FREE and indudes many benefits: 
“ Notification of new versions, patches, and updates 

“ Special offers on Sun products, services and training 

“ Access to early releases and documentation 


When you dick Finish, product and system data will be collected and the JDK product 
registration form will be presented. If you do not register, none of this information will 
besaved, 


For more information on what data Registration collects and how it is managed and 
used, see the Product Registration Information Page. 





Gambar 2.9 Proses instalasi selesai 


1. Anda bisa cek dan memastikan bahwa java sdk telah 
benar terinstal. Caranya, buka konsol command prompt 
dan ketikkan perintah berikut. Jika versi javac telah tampil, 
berarti JDK telah terinstal dengan baik. 


C:“NProgram Files“Javarjdk1.6.0 18Nbin?javac —version 
javac 1.6.0 18 


C:“Program Files“Javavjdk1.6.80 18“bin? 





Gambar 2.10 Tes untuk memastikan JDK telah terinstal dengan baik 


2.3.2 Instalasi Eclipse 
Langkah instalasi Eclipse seperti berikut ini: 


1. Proses instalasi Eclipse tergolong mudah, karena setelah 
Anda mendapatkan file installer Eclipse dalam bentuk 
terkompres, ekstrak/unkompres file tersebut ke dalam 
folder tertentu. 


2. Selanjutnya Anda sudah mendapatkan Eclipse yang sudah 
siap untuk digunakan. 


3. Ketika pertama kali dijalankan, Eclipse akan meminta kita 
menentukan di direktori mana lingkungan kerja/workspace 
yang digunakan. Anda bisa menentukan di mana saja 
sesuai keinginan. 


» 
3 Workspace Launcher 25 metan 


Select a workspace 








Eclipse stores your projects in afolder called a workspace. 
Choose a workspace folder to use for this session. 


Workspace: D:VAndroid ” Browse... 


Use this as the default and do not ask again 














3 





Gambar 2.11 Menentukan alamat workspace 


4. Untuk lebih mempermudah kita dalam proses develop- 
ment, kita perlu memahami interface IDE Eclipse yang 
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akan digunakan. Penjelasan tentang detail interface IDE 
Eclipse akan dijelaskan di belakang. 


5. Untuk lebih mempermudah pemrograman Android, kita 
perlu menginstal Android plugin for Eclipse. Klik pada 
menu Help - Install New Software. 





PN 
| Gel Welcome 


C9 


@ Help Contents 
87 Search 
Dynamic Help 


Key Assist... Ctri- Shift-L 
Tips and Tricks... 

#! Report Bug or Enhancement... 
Cheat Sheets... 


Check for Updates 
Install New Software... 
Eclipse Marketplace... 





About Eclipse 


Gambar 2.12 Opsi Install New Software 


6. Akan tampil kotak Install, masukkan alamat berikut pada 


bagian Work with: http://dl-ssl.google.com/android/ 
eclipse/. Klik Add. 


0 
SNN -.—..—— 








Available Software 
Check the items that you wish to install. 1) ad 
Work with:  http://dl-ssI.google.com/android/eclipse/ - 


Find more software by working with the "Available Software Sites" preferences. 


| | type filter text 


Name Version 

4 MJUN0 Developer Tools 
IV (5: Android DDMS 12.0.0.v201106281929-138431 
IV) (5: Android Development Tools 12.0.0.v201106281929-138431 
(@) kp: Android Hierarchy Viewer 12.0.0.v201106281929-138431 
(MJ Kg: Android Traceview 12.0.0.v201106281929-138431 











Gambar 2.13 Memasukkan alamat untuk menginstal plugin Android 


7. Aktifkan tanda centang. Klik Next. Tunggu sampai proses 
download dan instalasi selesai. 


Work with: | http://dl-ssI.google.com/android/eclipse/ "II Ada... 





Find more software by working with the "Available Software Sites" preferences. 























Name Version 
Uli Developer Tools 
MI &:: Android DDMS 12.0.0.v201106281929-138431 
MM) H5: Android Development Tools 12.0.0.v201106281929-138431 








.v201106281929-138431 
.v201106281929-138431 


(V) $ Android Hierarchy Viewer 
IV) (6 Android Traceview 





























Select All Deselect All 4 iterns selected 
Details 
(BI Show only the latest versions of available software | Hide iterns that are already installed 
(BI Group items by category What is already installed? 


(VI Contact all update sites during install to find reguired software 
Calculating reguirements and dependencies. 
- - | & 














« Back Net» | Finish Cancel 


Gambar 2.14 Proses kalkulasi space dan file yang diperlukan 


8. Sehingga sampai muncul pesan bahwa beberapa paket 
software telah siap untuk diinstal. 
























(2 Install | 
| Install Details | 
Review the items to be installed. 
lame Version Id 
(6 Android DDMS 12.0.0.v2011062819... com.android.ide.eclipse.ddms.feature.gro... 
(f. Android Development Tools 12.0.0.v201106281, de.eclipse-adt.feature.group 
(6 Android Hierarchy Viewer 12.0.0.v2011062819... com.android.ide.eclipse.hierarchyviewerf.. 
(fl Android Traceview 12.0.0.v2011062819... com.android.ide.eclipse.traceviewfeature.... 
“1 TI , 
Size: Unknown 
Details 
@ Emis) (osgoneetss 








Gambar 2.15 Detail paket yang diinstalkan 
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9. Klik tombol Next untuk melanjutkan ke proses berikutnya, 
kemudian klik pada bagian / Accept the terms of the license 
agreement. 





Review Licenses 


Licenses must be reviewed and accepted before the software can be installed. 





Licenses: License tot: 





Apache License 
Eclipse Foundation Software User Agreement 

Note: jcommon-1.0.12 jar is under the BSD license rather than the AF 
Note: kxml2-2.3.0jjar is under the BSD license ratherthan the EPL. Yc 











(O Ido not accept the terms of the license agreements 

















Gambar 2.16 Lisensi agreement/persetujuan 


10. Klik tombol Finish, sehingga proses instalasi dijalankan. 


- — 
& Installing Software Sab 
@ Installing Software 


Fetching org.eclipse.emf.ecore 2.6.1.v201009...e.emf.ecore 2.6.1.v20100914-1218 jar.pack.gz 




















Always run in background 








Installing Software 
Be, 5 
Installing Software: Fetching org.eclips...f.ecore 2.6.1.v20100914-1218.jar.pack.gz 














(Run in Background | | Cancel | 











Gambar 2.17 Proses instalasi software 


11. Setelah semua terinstal berarti ADT Plugin telah berhasil 
diinstal pada IDE Eclipse. Selanjutnya restart Eclipse 
Anda. Nanti juga diperlukan memberi tahu Eclipse lokasi 
alamat SDK Android. 





(eetam) 


You will need to restart Eclipse for the installation changes to take effect. You may try 
to apply the changes without restarting, but this may cause errors. 


Software Updates 





| Restart Now Not Now | | Apply Changes Now 

















Gambar 2.18 Pilihan untuk me-restart Eclipse 


Berikut ini pengenalan IDE Eclipse yang akan Anda gunakan 
dalam pemrograman Android. Fitur-fitur yang ada akan memu- 
dahkan Anda melakukan pemrograman berbasis Android. Secara 
lengkap interface IDE Eclipse terlihat seperti berikut. 

Ie ea mmg Oni 


File Edit Refactor Run Navigate Search Project Window Help 























ai Aa Bid: $rOrAri#Or imo” Care Tar Es (adava 
H8 Package Explorer 22 2 Oa mainxml Gl stringsaml 3 mainaml £3 strings.xml P OI tasktist X Mal 
z Editing config: default Any locale | Android 2 (Create. || “Arixesi3 
) AbsoluteLayout 5——# ——— IR — 5 A 
- Lean Ig Fit a| Activat 
@s 3.in VGA (Nexus Oi - | Portrait» |(Normal » |Day tim. - | Theme -| 3 Pa aan 
as (3 Uncategorized 
naa Palette Ts T e 
BA Android 22 2 TB a 
(5 assets (3 Form Widgets 











Es re & Text Fields 
(2 drawable-ldpi 
(5 drawable-mdpi @ Connect Mylyn 
X) main.xml tools. 
@& values as — 
1) stringsxml a£ Outline 23 a 
G| AndroidManifest.xml Fa) AbsoluteLayout 
Bi defaultproperties Ab TetView 
proguard.cfg Ab tertView2 
CS CheckBox ) Layouts editTot2 
ES DropDown (3 Composite Ab textViewl 
GS EditTeks C3 Images & Media editTatl 
CS HelloAndroid - 
ES ImageButton Ke Imaa Pata 
ES LinearLayout 5 Transitions 
US RadioButton | Advanced 
US TableLayout | Custom & Library Views || « 
E2 Tanggal FI Graphical Layout | (F) mainxml P TI , 
ES teksi maa 
CS teks2 (Et Problems | @ Javadoc (2), Declaration | EI Console 53 Bil # Bs” 
ES tombol Android 


(2011-10-10 


06:39:16 - AbsoluteLayout) ActivityManager: Starting: Intent ( act-android.intent.act » 


« , 


Android SDK Content Loader 





Gambar 2.19 Interface Eclipse 


Berikut ini penjelasan bagian-bagian interface IDE Eclipse: 


Menu: berisi menu serta submenu yang ada pada IDE 
Eclipse, digunakan untuk menjalankan eksekusi perintah 
tertentu. 
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22 
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f8 Package Explorer 22 





File Edit Refactor Run Navigate Search Window Help 


& Mi Sora 
ana Igr Mein 
- Pi 
- je — al 
ni PAI 
"4 
" Palet 
mn 
asse jai 
res @ 











Build All 
Build Project 
Build Working Set 


Clean... 


Build Automatically 


Generate Javadoc... 


Properties 





Gambar 2.20 Daftar menu pada Eclipse 


Toolbar: berisi ikon-ikon perintah yang akan mempercepat 
melakukan eksekusi perintah pada Eclipse, jika diban- 
dingkan Anda melakukan klik pada menu. Dekatkan 
pointer mouse Anda, maka akan terlihat tooltip yang akan 
tampil, menunjukkan perintah yang bisa dilakukan. 


D5 Bid: $-OrAr Or Mor "Urea 
—a 


Gl main.xml Ol strings.xml ( New Java Pack Al strings.xml 222 


age | 





Gambar 2.21 Tooltip pada ikon di toolbar 


Package Explorer: berisi paket-paket aplikasi yang dibuat. 
Penjelasan sub folder dan apa saja yang ada di dalamnya 
akan dipaparkan lebih lanjut pada bab selanjutnya. 


!& Package Explorer 53 E$ Ka 
4 WS AbsoluteLayout 
4 G8 src 


4 #8 absoluteLayout.coba 
(Bj AbsoluteLayoutActivity.java 
4 E8 gen (Generated Java File 
4 #8 absoluteLayout.coba 
Bj Rjava 
mi Android 2.2 
€5 assets 
“Es res 
@& drawable-hdpi 
@& drawable-ldpi 
(5 drawable-mdpi 
4 E5 layout 
IX) main.xm| 
4 G5 values 
X) strings.xm| 
@ AndroidManifest.xml 
AA default.properties 
proguard.cfg 
ES CheckBox 
KS DropDown 
US EditTeks 
US HelloAndroid 
KS ImageButton 
US! LinearLayout 
ES RadioButton 
ES) TableLayout 


Gambar 2.22 Jendela Package Explorer 


Anda bisa meminimalkan jendela Package Explorer agar 
tampilan editor di IDE Eclipse lebih lebar. Klik ikon 
minimize yang ada di sebelah kanan atas dari jendela 


Package Explorer. 





F8 Package Explorer 22 E & | 2 (ola 
4 ks AbsoluteLayout 8 
4 GB src 
4 #$ absoluteLayout.coba 3Ju 
H) AbsoluteLayoutActivity.java 
4 gen (Generated Java Files) | Palet 


Gambar 2.23 Ikon minimize jendela package Explorer 


e Outline: berisi daftar widget yang digunakan dalam 
aplikasi. 


GE Outline ?5 es 0 





Pi taj AbsoluteLayout 


Ab 
Ab 


tar 


Ab 


tar 


TextView - "Contoh penggunaan 4 
textView2 - : 
editText2 - g 
textViewl - "Nama Lengkap 
editTextl - "Nama lengkap..." 








«| 


m , 


Gambar 2.24 Jendela outline 


e Console: berisi informasi status program yang dijalankan. 
Jika terdapat error maka pesan kesalahan akan ditam- 
pilkan pada kotak ini. 


(El Problems | @ Javadoc & Declaration (El Console £3 


'Android 
(2011-10-11 
(2011-10-11 
(2011-10-11 
(2011-10-11 
(2011-10-11 
(2011-10-11 
(2011-10-11 


“ 


- AbsoluteLayout) 
- AbsoluteLayout) 
— AbsoluteLayout) 
- AbsoluteLayout) 
- AbsoluteLayout) 
- AbsoluteLayout) 
- AbsoluteLayout) 


m 


NT: hand 


Waiting for HOME ('android.process3.acore') to be launched 4 
HOME is up on device 'emulator-5554" 

Uploading AbsoluteLayout.apk onto device 'emulator-5554' 
Installing AbsoluteLayout.apk... 

Succes33! 

Starting activity absoluteLayout.coba.AbsoluteLayoutActiv!z 
ActivityManager: Starting: Intent ( actsandroid.intent.aci! 


, 


Gambar 2.25 Jendela Console 
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Task List: berisi daftar task/jadwal task yang akan 
dilakukan, misalnya seperti instal SDK. Selain langsung 
koneksi ke server Google, Anda juga bisa menggunakan 
repository yang telah Anda siapkan sebelumnya (termasuk 
file-file yang dibutuhkan). 





ti 











FI Task List 23 
ab “Et R —n | 9 ad 
Find &| PAI $ Activate... 


4 ck Uncategorized 
New Task 


@ Connect Mylyn 
Connect to your task and ALM tools. 


Gambar 2.26 Jendela Task List 


Graphical Layout: editor grafik di mana Anda bisa mema- 
sukkan widget serta mengaturnya secara visual. 


Editing config: default |any locale... | | Android 2.2 | Create... | 


FAR Ian (Nexus O v Pora Ca I Norma v | Daytim v | Theme 








A Palet 3 | fb Ss SAUjAK 











Form Widgets 





m 


Nama Lengkap Nama lengkap... 


| Text Fields Ate Alamat lengkap..i 


| Layouts 
3 Composite 
Images & Media 
| Time & Date 
| Transitions 
(J Advanced 
Custom ...ry Views || « , 





FE) Graphical Layout | (£| main.xml 


Gambar 2.27 Jendela Graphical Layout 


Ada beberapa bagian di jendela Graphical Layout yang bisa Anda 
gunakan dalam proses coding di Android. Lihat di gambar di atas. 


e Nomor 1: digunakan untuk konfigurasi jenis layar yang 
bisa Anda gunakan sebagai simulasi ketika melakukan 
pemrograman. 


Gambar 2.28 Jenis layar yang tersedia 


3.7in WVGA (Nexus O v JP: 


2.7in OVGA 

|2.7in OVGA slider 

3.2in HVGA slider (ADP1) 
13.2in HVGA (ADP2) 

3,3in WOVGA 

3.4in FWOVGA 

3.Tin WVGA (Nexus One) 
3.7in FWVGA slider 


4in WVGA (Nexus S) 
5.lin WVGA & 
5.din FWVGA 

10.lin WXGA (Tablet) 


Custom... 





Anda bisa mengatur, bahkan membuat sendiri konfigurasi 
layar yang akan digunakan. Klik pada menu Custom 
sehingga tampil kotak dialog Device Configurations, pilih 
Custom kemudian klik tombol New. 


| 5 Device Configurations 





Name 


Portrait 
Landscape 
4 33in WOVGA 
Portrait 
Landscape 
4 34in FWONGA 
Portrait 
Landscape 


Portrait 
Landscape 





4 3.Tin WVGA (Nexus ! 


4 3.Tin FWGA slider 


Portrait 


Landscape, close 
Landscape, oper 


4 din WVGA (Nexus S) 


Portrait 
Landscape 
4 Slin WVGA 
Portrait 
Landscape 
4 54in FWVGA 
Portrait 
Landscape 


4 10.lin WXGA (Tablet 


Landscape 
Portrait 
Add-on 
| Custom 


KW 


Configuration 


Landscape, close sw320dp, w480dp, h320dp, Normal Screen, Short screen aspect ratio, Landscape Orientation... 

Landscape, oper sw320dp, w480dp, h320dp, Normal Screen, Short screen aspect ratio, Landscape Orientation... 
4 3.2in HVGA (ADP2) 
sw320dp, w320dp, h480dp, Normal Screen, Short screen aspect ratio, Portrait Orientation, M... 
sw320dp, w48Odp, h320dp, Normal Screen, Short screen aspect ratio, Landscape Orientation... 


5w320dp, w320dp, h533dp, Normal Screen, Long screen aspect ratio, Portrait Orientation, Lo... 
sw320dp, w533dp, h320dp, Normal Screen, Long screen aspect ratio, Landscape Orientation... 


sw320dp, w320dp, h576dp, Normal Screen, Long screen aspect ratio, Portrait Orientation, Lo... 


sw320dp, w576dp, h320dp, Normal Screen, Long screen aspect ratio, Landscape Orientation... 


2w320dp, w320dp, h533dp, Normal Screen, Long screen aspect ratio, Portrait Orientation, Hi... 


sw320dp, w533dp, h320dp, Normal Screen, Long screen aspect ratio, Landscape Orientation... 


2n320dp, w320dp, h569dp, Normal Screen, Long screen aspect ratio, Portrait Orientation, Hi 
sw320dp, w569dp, h320dp, Normal Screen, Long screen aspect ratio, Landscape Orientati 
2w320dp, w569dp, h320dp, Normal Screen, Long screen aspect ratio, Landscape Orientati 


sw320dp, w320dp, h533dp, Normal Screen, Long screen aspect ratio, Portrait Orientation, Hi... 


sw320dp, w533dp, h320dp, Normal Screen, Long screen aspect ratio, Landscape Orientation... 


sw480dp, w480dp, h800dp, Large Screen, Long screen aspect ratio, Portrait Orientation, Med... 


sn480dp, w80Odp, h480dp, Large Screen, Long screen aspect ratio, Landscape Orientation, ... 


sw480dp, wd8Odp, h854dp, Large Screen, Long screen aspect ratio, Portrait Orientation, Med... 


sw480dp, w854dp, h480dp, Large Screen, Long screen aspect ratio, Landscape Orientation, ... 


2n800dp, w1280dp, h800dp, Extra Large Screen, Long screen aspect ratio, Landscape Orienta... 


2n800dp, w80Odp, h1280dp, Extra Large Screen, Long screen aspect ratio, Portrait Orientatio... 








TI 











Gambar 2.29 Daftar konfigurasi layar 
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Masukkan nama berikut dengan lebar/panjang layar yang 
akan digunakan. Jika sudah selesai, klik tombol OK untuk 
mengakhiri proses pembuatan. 


Pan JJ“ —— iv & 





Device 

Name layarg 
xdpi 550 
ydpi 650 
Configuration 
Name layarg 





Available Oualifiers ta Chosen Oualifiers 


$£ Country Code Normal 
AMA Network Code 


Smallest Screen Width 
Screen Width 
Screen Height 2 
Ex Ratio 
& Orientation 
Density 
Pouch Screen -“. 
Keyboard 
3) Te Input 


& Navination State 








m 

















Config: Normal Screen 














Gambar 2.30 Membuat konfigurasi layar sendiri 


Pada daftar jenis layar tersebut akan ditambahkan nama 
layar baru yang sudah kita buat tadi, Anda bisa meng- 
gunakannya dalam proses coding. 


3.7in WVGA (Nexus O y | Pi 


2.Tin OVGA 

|2.7in OVGA slider 

3.2in HVGA slider (ADP1) 
'3.2in HVGA (ADP2) 

3.3in WOVGA 

34in FWOVGA 

3.7in WVGA (Nexus One) 
3.Tin FWVGA slider 

4in WVGA (Nexus S) 
5.lin WVGA 

5.din FWVGA 

10.lin WXGA (Tablet) 


| Custom... 


Gambar 2.31 Jenis layar baru sudah ditambahkan 


Nomor 2: digunakan untuk mengatur posisi layar yang 
digunakan, apakah vertikal atau horizontal. Ada dua 
pilihan yang bisa Anda pilih, yaitu Portrait dan Landscape. 


(Portrait h | No 
Portrait Ls 
| Landscape 
Gambar 2.32 Pilihan mengatur posisi layar 


Nomor 3: digunakan untuk mengatur theme yang dipakai 
pada layar visual editor. Ada banyak pilihan yang bisa 
Anda pilih. 


Theme.ExpandedMenu Ps 
Theme,GlobalSearchBar 

Theme.IconMenu 

Theme.InputMethod 

Theme.Light 

Theme.Light.NoTitleBar — 
Theme.Light.NoTitleBar.Fullscreen 
Theme.Light.Panel 
Theme.Light.WallpaperSettings 
Theme.NoDisplay 

Theme.NoTitleBar 
Theme.NoTitleBar.Fullscreen 

Theme.Panel 

Theme.SearchBar 

Theme. Translucent 
Theme.Translucent.NoTitleBar 4 


Gambar 2.33 Pilihan theme 


Pilih salah satu theme dan lihat perubahan apa yang terjadi 
pada layar visual. Misal, kita pilih Theme.Light maka 
warna layar background akan putih, terlihat cerah seperti 
ada cahaya. 
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10 v | portrait - |l Norma "| pay tim v | Tneme-Light -| 





ama Lengkap Namna lengkap... 


amat Lengkap: Alamat lengkap..l 


Ba a 





Gambar 2.34 Penggunaan theme Light 


Nomor 4: digunakan untuk memperbesar atau memper- 
kecil layar visual editor. Ada beberapa pilihan yang bisa 
digunakan, seperti: 


Oo 


Oo 


ke 


Zoom In: untuk memperbesar layar visual. 
Zoom Out: untuk memperkecil layar visual. 


Reset Zoom to 1004 (1): memperbesar layar visual 
sampai 100 X. 


Zoom to Fit (0): memperkecil layar visual sampai 
04 atau kembali ke besar semula. 


Emulate Real Size: mengatur layar visual sesuai 
dengan ukuran gadget yang akan digunakan. Atur 
berapa inci serta resolusi layar yang digunakan. 





Screen Size: kes) 


Resolution: (1024x7683 v 








Gambar 2.35 Mengatur densitas monitor 


e Nomor 5: merupakan jendela Palette yang digunakan 
untuk menampilkan daftar widget yang akan digunakan. 
Anda tinggal drag-and-drop widget yang digunakan ke 
dalam editor visual. 


2| Palette 7 
Form Widgets 


Large £ 


Medium 





" 


Nama lengkap.. 


Reg Alamat lengkap... 


Text Fields 


Layouts 





Gambar 2.36 Drag and drop widget dari palette ke jendela visual 


e Nomor 6: merupakan jendela visual, di mana Anda bisa 
meletakkan widget yang digunakan dalam aplikasi. 
Dengan penggunaan visual editor ini, Anda bisa melihat 
gambaran tampilan di layar monitor Android nantinya. 


Gg @ 


(Contoh penggunaan Absolute Layout 


Nama Lengkap : Nama lengkap... 


SE Alamat lengkap..| 





Gambar 2.37 Jendela visual editor 


Berbagai properties yang ada pada setiap widget dapat 
Anda set dengan klik kanan pada widget bersangkutan dan 
pilih Properties. Salah satu kelebihannya, Anda tidak perlu 
menuliskan kode program, hanya perlu klik mouse saja. 
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na 















Autolink , 
EditID... 
Sid ? AutoTert , 
Edit Tost.. 
" Background... 
fmaina —— Layout Width , 
Nan BufferType , 
Layout Height , 
Ke ea Capitalize , 
Pe Beract Include... Clickable , 
TA baract Style... ContentDescription... 
Wrap in Container... CursorVisible , 
Change Widget Type... Digits.. 
Pare 3 DrawableBottom... 
Drawabiliett.. 
Fata ka DrawablePadding... 
ok Cut Ctrlex DrawableRight.. 
3 Copy Ctrt-C DrawableTop... 
Paste CtrleV DrawingCacheOuality , 
Ana Te DuplicateParentState , 
Editable , 
Play Animation , Sa 
Show Included In » Ellipsize ». 
ShowIn Ems.. 
Enabled , 
FadeScrollbars , 
Fadingtdge , 
FadingEdgeLength... 
FitsSystemWindows , 
Focusable , 
a| BI Console X FocusablelnTouchMode » 
FreezesTert , 
uteLayout) Waiting for HOME ('androi aan , 
uteLayout) ME is up on device 'emu 
HapticFeedbackEnabled , 


Gambar 2.38 Pilihan properties pada widget 


File XML: merupakan editor teks yang kode pemrograman 
di dalamnya di-generate secara otomatis dari visual editor. 
Selain melakukan modifikasi di visual editor, Anda juga 
bisa langsung mengubahnya di jendela editor teks. 


"utf-8"?D 











-"http://schemas.android.com/apk/res/a 


"match parent" android: layou ight-"matc 





"fill parent" 


nt" 





android: id-"@tid/editText2" :text-"Alamat lengkap. 








" android:text-"Nama Lengkap 

" android:text: Yama lengkap... 

content" android:text“"Button" 
« m , 


£J Graphical Layout | (£) main.xml 


Gambar 2.39 Editor teks 


List file XML: merupakan bar yang ada di atas visual editor 
yang menunjukkan daftar file xml yang sedang aktif. Pada 
bagian sebelah kanan terdapat ikon »-» yang jika didekati 
dengan pointer mouse akan muncul tooltip Showlist, berisi 
berbagai file xml yang ada. Anda bisa menggunakan daftar 
tersebut untuk membua file xml yang diinginkan. 































Gl! strings.xml OI) “main.xml 23 Al strings.xm| 2g El Task List 23 

efault | -| ha | 
Xx . a 

«us On v | portrait -|| Normal "| bay time " |Theme Kenapa en | - 3 | 
3 drawables.xmi | kk Uncatec 

sn (HJ DropDownActivity-java | “Ne 

















“| HelloAndroid Manifest 
J) HelloAndroidActivity.java | | 
1 main.xml 


(| main.xml | h , 
| HelloAndroid/res/layout/main.xml| 

















AbsoluteLayout 


Gambar 2.40 Daftar file XML 


2.3.3 Instalasi SDK Android 
SDK android ini perlu diinstal dengan cara seperti berikut: 


1. Setelah Anda men-dowload SDK Android dari alamat situs 
di atas, ekstrak ke folder tertentu dalam komputer Anda 
dan selanjutnya klik dua kali pada file SDK Manager. 


P 
Name 


add-ons 
platforms 
tools 
SDK Manager, 
5 SDK Readme 
" SDK Setup 


Gambar 2.41 Isi folder sdk windows 


2. Klik dua kali pada file SDK Manager, tunggu sampai SDK 
Manager memeriksa paket apa saja yang dibutuhkan. 
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| F3 Android SDK and AVD Manager —..—.' Gg x 





























List of existing Android Virtual Devices located at CAUsersNekor.androidfavd 
Installed packages 
Available packages AVD Name Target Name Platform  APILevel  CPU/ABI New... 
Settings — .—— 
Fetching URL: https://dI-ssl.google.com/android/repository/repository.xml Delete 
— | Ressa 
| Details 
Start. 
U 
II Refresh 
"# Avalid Android Virtual Device. -' A repairable Android Virtual Device. 
X An Android Virtual Device that failed to load, Click 'Details' to seethe error, 

















Gambar 2.42 SDK Manager memeriksa paket yang dibutuhkan 


3. Kemudian akan muncul kotak dialog paket-paket yang 
akan diinstal. Pilih dan setujui satu platform saja seperti 
yang telah direkomendasikan oleh SDK Manager. 





































| 'Choose Packages to: Ba 
Packages Package Description & License 
"4 Android SDK Platform-tools, revision 7... « | Package Description AN 
'# Documentation for Android SDK, API 1 Android SDK Platform-tools, revision 7 
“ SDK Platform Android 3.2, API 13, revisi... |“ wa 
 SDK Platform Android 3.1, API12, revisi... Dependendes Per pagaa deneelenan Tut. 3 
' SDK Platform Android 3.0, API11, revisi... - Android SDK Tools, revision 13 k 
 SDK Platform Android 2.3.3, API 10, revi... : Tn 
“ SDK Platform Android 2.3.1, API9, revis... Jean 
 SDK Platform Android 2.2, API8, revisio... Size: 15 MIB 
 SDK Platform Android 2.1, AP17, revisio... SHAL: 0f5F94fd60e41b5cadaec59ebd2b1 d72e321ce3b t 
 SDK Platform Android 1.5, API4, revisio... 
SLCNV Nisitaron Mndenid 1 C ANTI emirin | @) Accept O Reject O Accept All 
“J Something depends on this package Install 











Gambar 2.43 Pilihan paket yang akan diinstal 


4. Setelah Anda memilih salah satu platform yang akan 
digunakan, klik tombol Install untuk memulai proses 
download dan instal, kemudian tunggu sampai proses 
selesai. 
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| la! 
H' Installing Archives Ls 





Downloading SDK Platform Android 2.2, API8, revision 3 (9996, 19 KiB/s, 25 seci 


- Gama) 


Downloading SDK Platform Android 2.2, API 8, revision 3 2 

















3 


Gambar 2.44 Proses download dan install Android SDK Platform 


5. Setelah selesai, pada bagian Installed packages sudah ada 
paket-paket yang diinstal. Sebenarnya, minimal ada tiga 
paket saja yang harus ada, seperti gambar berikut ini. 
Dokumentasi hanya bersifat opsional, dan bisa saja tidak 
Anda instal. 


, - 
| F3 Android SDK and AVD Ser 


Virtual devices SDK Location: CAUsersieko|Desktop|Androidisoftware androidNandroid-sdk-windows 


Installed packages | 
















Available packages Installed packages 
Android SDK Tools, revision 13 
Android SDK Platform-tools, revision 7 


Settings 
About 






3 Documentation for Android SDK, API 13, revision 1 
SDK Platform Android 2.2, API8, revision 3 
d5 Samples for SDK API8, revision 1 










(Google Admob Ads Sdk package, revision 3 
@@ Google Market Billing package, revision1 
GA Google Market Licensing package, revision 1 



















Description 











Gambar 2.45 Paket yang diinstal 


6. Selanjutnya, kita bisa membuat emulator sebuah virtual 
device. Klik pada menu Virtual Device » New. 
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Create new Android Virtual Device wp) MN » 


Name: platform2.2 








Target: — | Android 2.2 - API Level8 J | 





CPU/ABI | ARM (armeabi) - 




















SD Card: 
@ Size: 185 I 
O File | Browse... 
Snapshot: 
V| Enabled 
Skin: 
@ Built-in: — | Default (WVGA8O0) - 
(O Resolution: lx 
Hardware: 
Property Value 


Abstracted LCD density 240 





aa Delete 
Max VM application hea... 24 
Override the existing AVD with the same name 
Gene 











Gambar 2.46 Membuat AVD baru 


7. Klik tombol Create AVD sampai tampil keterangan bahwa 
AND telah berhasil dibuat. 


Tete 5 
@ Result of creating AVD 'platform2.2': 


Created AVD 'platform2.2' based on Android 2.2, ARM (armeabi) processor, 
with the following hardware config: 

hw.Icd.density-240 

vm.heapSize-24 





Gambar 2.47 Konfirmasi AVD telah berhasil dibuat 








8. Sehingga pada kotak dialog Android SDK and AVD 
Manager telah muncul AVD yang barusan kita buat 
berdasarkan platform Android yang kita pilih. 


(IE Android SDK and AVD M 


List of existing Android Virtual Devices located at CAUsersekol-androidkavd 
Installed packages 


Available packages AVD Name Target Name Platform — APILevel  CPU/ABI New... 
'Y platform2.2 Android 2.2 2.2 8 ARM (armea... 





Edit. 
Delete. 
Repair.. 
Details. 


Start... 











" Avalid Android Virtual Device. 5 A repairable Android Virtual Device. 
X An Android Virtual Device that failed to load. Click 'Details' to see the error. 











Gambar 2.48 Tampilan AVD di kotak dialog Android SDK 


9. Selanjutnya tutup kotak setup SDK dan AVD Manager lalu 
buka IDE Eclipse. Beri tahu di mana lokasi SDK Android. 
Buka pada menu Preferences. Browse di mana Anda 
meletakkan lokasi SDK Android. 


type filtertext Android 


General M 








- Android Preferences 
Android 


Ant SDK Location: CAUserslekoNDesktop(Androidisoftware an 
Help Note: The list of SDK Targets below is only reloaded once you hit 'Apply' or 'OK', 
Install/Update 
Java Target Name Vendor Platform API... 
Run/Debug Android 2.2 Android Open Source Project — 2.2 8 
Tasks 

Team 

Usage Data Collector 
Validation 

XML 








Gambar 2.49 Memberi tahu Eclipse di mana lokasi SDK Android 


10. Maka virtual device android terbuat seperti berikut ini. 
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See all your apps. 
Touch the Launcher icon. 


oa ea dl dan 











Gambar 2.50 AVD yang telah berhasil dibuat 


2.4 Program Hello World 


Jika settingan ketiga software di atas telah benar, Anda bisa 
membuat aplikasi pertama, yaitu aplikasi Hello World. Di mana 
kebanyakan para programmer pemula memulai belajar pemrog- 
raman dengan contoh aplikasi ini. Langkah-langkahnya sebagai 
berikut: 


1. Klik pada menu File » New »- Project. 


Edit Run Source Refactor Navigate Search Project Window Help 
New Alt-ShifteN » | (J8 Java Project 





Open File... Pj Project... IN 
Gambar 2.51 Menu File » New » Project 


2. Akan tampil kotak dialog New Project. Pilih pada bagian 
Android Project. 
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Tai re 














| Select a wizard ta 
Pa 
Wizards: 
| type filter text 
b @& General 
4 (& Android 


(23 Android Project | 
J5 Android Test Project 
b &Cvs 
b @5 Java 
b (5 Examples 














@ « Back | Nat» Finish | Cancel 





Gambar 2.52 Memilih Android Project 


3. Klik tombol Next untuk ke proses berikutnya sehingga 
tampil kotak dialog New Android Project. 


New a 


New Android Project 
Creates a new Android Project resource. 


Project name: HelloAndroid 








Contents 
@) Create new project in workspace 






reate project from existing source 
Use default location 


Location: | D:/Android/HelloAndroid Browse. 





(O Create project from existing sample 




















Samples: |ApiDemos - 

Build Target F 
Target Name Vendor Platform API... 
Android 22 Android Open Source Project 22 8 

Properties 





Application name:  HelloAndroid 





Package name: coba.HelloAndroid 











VJ Create Activity: — HelloAndroidActivity 











Min SDK Version: 8 


Working sets & 








@ « Back Next» Finish Cancel 


Gambar 2.53 Kotak dialog New Android Project 
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4. Masukkan pada bagian: 


o Project name, nama project Android yang akan 
dibuat. 


o Pada bagian Contents, centang pada bagian 
Create new project in workspace dan centang use 
default location. 


o Pada Build target, centang pada AVD atau target 
versi Android, di mana aplikasi Anda nanti akan 
berjalan. 


o Kemudian isi pada bagian Application name, 
Package name dan centang Create Activity. 


5. Contohnya seperti terlihat di atas, kemudian klik Finish 
jika sudah selesai. 


6. Setelah Anda klik tombol Finish maka Eclipse secara 
otomatis akan membentuk sebuah folder baru berisi ber- 
bagai file pendukung yang digunakan untuk membuat 
aplikasi baru. 





H8 Package Explorer 53 5 Ia 


du 


4 k5 HelloAndroid 
CS src 
E8 gen (Generated Java File 
Bl Android 2.2 
ea, assets 
&- res 
| AndroidManifest.xml 
(E| default.properties 
proguard.cfg 


Gambar 2.54 Tree project aplikasi 


Untuk bab ini, kita akan langsung membuat aplikasi HelloWorld, 
sedangkan penjelasan berbagai folder dan subfolder yang ada di 
dalamnya, akan dipaparkan pada bab selanjutnya, tentang struktur 
proyek Android di Eclipse. 
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1. Buka file HelloAndroidActivity.java yang ada di bawah 
src/coba.HelloAndroid. 


F8 Package Explorer 3 2 BD) HelloAndroidActivityjava 23 Sdm 


| 8g 3 package coba.HelloAndroid: 


ag 


B2 HelloAndroid 
C8 src 
8 coba.HelloAndroid 
(B) HelloAndroidActivity.java 


Simport android.app.Activity:|) 


J 





€8 gen (Generated Java Files 
& coba.HekoAndrosd - public void onCreate (Bundle savedInstanceState) ( 
Bh Android 22 super.onCreate (savedInstanceState): 
| (og androidjar - CNUsersiekoNDeskt setContentView(R.layout.main) : 
E5 assets ) 
E5 res / 


Gambar 2.55 Isi file HelloAndroidActivity.java 


2. Selanjutnya, Anda bisa membuka file main.xml yang ada 
pada folder /res/layout/ atau file AndroidManifest.xml. 


(F) HelloAndroidActivityjava 3 HelloAndroid Manifest 22 Gil main.xml 2m 

kz utf-8 

3 Km 1d /schemas.android.com/apk/res/android" 
1l1oAndroid" 





version“"1.0" encodin 













t xm andro 





package-"coba. 


id: label-"gstrir 





nam elloAndroi 


be1-"@string/app n 


tion.MAIN" 
t.category. LAUT 





Gambar 2.56 Isi file AndroidManifest.xml 
3. Untuk menjalankan aplikasi pada AVD, ada tiga cara yang 
bisa Anda lakukan, yaitu: 
o Pilih menu Run - Run. 
o Menggunakan tombol kombinasi Ctrl # F11. 
o Menggunakan ikon Run yang ada pada toolbar. 


4. Jalankan salah satu perintah di atas, sehingga akan tampil 
kotak dialog Run As, dan pilih pada Android Application. 
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S Run As 


Select a way to run 'HelloAndroid': 








(SI Android Application 
Ji Android JUnit Test 
BI Java Applet 

(Java Application 

II | JuJUnit Test 








Description 
Runs an Android Application 























Gambar 2.57 Kotak dialog Run As 


5. Tunggu proses load AVD selesai sehingga aplikasi dapat 
dijalankan seperti gambar berikut ini. 


HelloAndroid Tan 


Hello World, HelloAndroidA 





baja Ito Inlo-lo-lo. 


lo lw le let Iv lulu lo le: 
la Is Jo le lela ls Ie le lal 
Pe Pn PP 





| 
Gambar 2.58 Aplikasi HelloWorld sudah berhasil dijalankan 


6. Kemudian coba buka file strings.xml pada folder res/value/ 
strings.xml. Anda bisa mengganti nilai Value yang ada 
pada string hello. Tekan kombinasi tombol Ctrl S untuk 
menyimpan perubahan. 


(Di HelloAndroidActivity Gl HelloAndroid Manifes Okestringsxaml (2, ”1 

















Android Resources (default) 


Resources @G OW W MD SJ OjaA:z | Attributes for hello (String) 





Elements 
@ Strings, with optional simple formatting, 
@ hello (String) r can be stored and retrieved as resources. 
@ app. name (String) | Ades You can add formatting to your string by 
Pl | using three standard HTML tags: b, i, and 
Remove... u. If you use an apostrophe or a guote in 


your string, you must either escape it or 
enclose the whole string in the other kind 


of enclosing guotes. 
Down 


Name” hello 


Value" Id, Selamat Datang di dunia Android! 





Gambar 2.59 Mengganti nilai string hello 


Jalankan aplikasi di atas sehingga akan tampil seperti 
berikut ini. 


HelloAndroid 
Hello World. Selam 








Gambar 2.60 Mengubah nilai string pada aplikasi 


Anda juga bisa menambahkan string baru pada contoh 
aplikasi di atas. Buka kembali file strings.xml yang ada 
pada folder res/value/strings.xml. 


Kemudian klik tombol Add untuk menambahkan string 
baru. Pada kotak dialog, pilih String, kemudian tekan 
tombol OK. 
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Create a new element at the top level, in Resources. 





O Color 

@ Dimension 
@)Drawable 
integer Array 
Ditem 


Ostring | 


5) String Array 
(6)Style/Theme 














Gambar 2.61 Menambahkan elemen baru 


10. Masukkan nilai baru pada bagian name dan value, yang 
Anda inginkan. Tekan kombinasi tombol Ctrl-S untuk 
menyimpan perubahan. 


m Android Resources (default) 


Resources @G OWO SO GUA:  Attributes for String 


Elements 

(G Strings, with optional simple 
formatting, can be stored and retrieved 
as resources. You can add formatting 
to your string by using three standard 
HTML tags: b, i, and u. If you use an 
apostrophe or a guote in your string, 
you must either escape it or enclose 
the whole string in the other kind of 
enclosing guotes. 





@ hello (String) 
(G) app. name (String) 


@ string 


Up 
Down 
Name” smitdev 


Value" oleh SmitDev Community 








Gambar 2.62 Memasukkan value baru 


11. Selanjutnya buka file res/layout/main.xml. Pada layout, 
klik kanan pada tulisan “Hello World, Selamat Datang di 
dunia Android” dan pilih Properties »- Text. 


3! HelloAndroid Manifes 1 main.xml &5 Al strings.xml “1 


Editing config: default |Any locale - 





3.7in WVGA (Nexus O v | portrait -| Norma "| pay tim "| Theme 


3) Palette 14 EG bu Gga- ai 
Form Widgets Ba 
J Text Fields 












































rp 





J Layouts 

Composite 

—) Images & Media 
Time & Date 
Transitions 

Pd ImageSwitcher 

- TextSwitcher 

Ph ViewAnimator 


Pd ViewFlipper 
HI ViewSwitcher 





Advanced 





Gambar 2.63 Graphical layout main.xml 


12. Ubah nilai @string/hello menjadi @string/smitdev. Klik 
tombol OK untuk menerapkan perubahan. 


n BI 
& android.widget.TextVi SD 


New text Value: 








@string/smitdev 




















Gambar 2.64 Mengubah nilai textview 


13. Simpan file dan jalankan aplikasi tersebut maka tam- 
pilannya akan berubah menjadi seperti berikut ini. 
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HelloAndroid 


(Na 


“—v 
Ama 


Ula Jaduda ena sela laa! 
Loss msl wa elus mad mal 
al ml us Ice Lon wd cela cad 
Los sand wal caliral padam onlen) 








Gambar 2.65 Menambahkan label baru pada aplikasi 


